<!--远程培训班开始-->
<div class="ycpxb content-box">
<a class="a1" href="#">
<span>远程培训班</span>
</a>
<a class="a2" href="#">
<span class="span2">【与你同行】<br>校园活动</span>
</a>
<a class="a3" href="#">
<span>学习规划</span>
</a>
<a class="a4" href="#">
<span>应聘讲师</span>
</a>
<a class="a5" href="#">
<span>问答系统</span>
</a>
</div>
<!--远程培训班结束-->
Css:
/*远程培训开始*/
.ycpxb{
height:160px;background:#fff;padding-top:22px;
}
.ycpxb a{
display:block;width:210px;height:114px;float:left;margin:0 15px;
background:on-repeat 0/0 100% 100%;border-radius:12px;
color:#fff;font-size:24px; font-height:700;text-align:center;line-height:114px;
}
.ycpxb a:hover{
background-size:110% 110%;
}
.ycpxb .a1{
background:url(./img/otherFun1.jpg);
}
.ycpxb .a2{
background:url(./img/otherFun2.jpg);
}
.ycpxb .a3{
background:url(./img/otherFun3.jpg);
}
.ycpxb .a4{
background:url(./img/otherFun4.jpg);
}
.ycpxb .a5{
background:url(./img/otherFun5.jpg);
}
.ycpxb a span{
display:block;width:100%;height:100%;background:rgba(0,0,0,0.5);
text-shadow:4px;2px;5px;#000;
}
.ycpxb a .span2{
line-height:normal;padding-top:25px;
}
/*远程培训结束*/
返回值：